﻿.arrow-down {
    position: fixed;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
    cursor: pointer;
    z-index: 10;
}

.back-x {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}

    .back-x .img-back {
        /*width: 100%;*/
        height: 100%;
    }

    .back-x .img-back-1-1 {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 106px;
        height: 31px;
    }

    .back-x .img-back-1-2 {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

    .back-x .img-back-1-3 {
        position: absolute;
        top: 100px;
        width: 70%;
        right: 30px;
    }

    .back-x .img-back-2-1 {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 106px;
        height: 31px;
    }

    .back-x .img-back-2-2 {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

    .back-x .img-back-3-1 {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 106px;
        height: 31px;
    }

    .back-x .img-back-3-2 {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

    .back-x .img-back-4-1 {
        position: absolute;
        bottom: 20px;
        right: 20px;
        width: 106px;
        height: 31px;
    }

    .back-x .img-back-4-2 {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

    .back-x .ani-text-box-0 {
        position: absolute;
        left: 40px;
        top: 20px;
    }

        .back-x .ani-text-box-0 .img-1 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 96px;
            margin-bottom: 50px;
        }

        .back-x .ani-text-box-0 .img-2 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
        }

    .back-x .ani-text-box-1 {
        position: absolute;
        left: 40px;
        top: 20px;
    }

        .back-x .ani-text-box-1 .img-1 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 96px;
            margin-bottom: 50px;
        }

        .back-x .ani-text-box-1 .img-2 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 85%;
        }

        .back-x .ani-text-box-1 .img-3 {
            opacity: 0;
            position: fixed;
            display: block;
            width: 140px;
            top: 144px;
            right: -80px;
        }

    .back-x .ani-text-box-2 {
        position: absolute;
        left: 40px;
        top: 20px;
        width: 100%;
    }

        .back-x .ani-text-box-2 .img-1 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 96px;
            margin-bottom: 30px;
        }

        .back-x .ani-text-box-2 .img-2 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 60px;
            margin-bottom:20px;
        }

        .back-x .ani-text-box-2 .img-3 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: inline-block;
            width: 28%;
        }

        .back-x .ani-text-box-2 .img-4 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: inline-block;
            width: 28%;
        }

        .back-x .ani-text-box-2 .img-5 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: inline-block;
            width: 28%;
        }

    .back-x .ani-text-box-3 {
        position: absolute;
        left: 40px;
        top: 20px;
    }

        .back-x .ani-text-box-3 .img-1 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 96px;
            margin-bottom: 30px;
        }

        .back-x .ani-text-box-3 .img-2 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 180px;
            margin-bottom:40px;
        }

        .back-x .ani-text-box-3 .img-3 {
            opacity: 0;
            left: -70px;
            position: relative;
            display: block;
            width: 80%;
        }

.video-pause {
    position: fixed;
    z-index: 1000;
    right: 10px;
    top: 10px;
}

.video-play {
    position: fixed;
    z-index: 1000;
    right: 8px;
    top: 10px;
}